Support MediaGoblin!

<script src="/js/extlib/jquery/jquery-1.8.2.min.js"></script>

<script>
  _V_.options.flash.swf = "/js/extlib/video-js/video-js.swf"
</script>


<script>
$(document).ready(function(){
  var cpid    = 8;
  var jsonvar = eval('jsondata' + cpid);
  var goal = jsonvar.money_target;
  var moneyRaised = jsonvar.money_raised_percentage;
  var percentWidth = moneyRaised.split('%')[0];
  if ( percentWidth > 100 ) {
      moneyRaised = '100%';
  }

  if ( percentWidth == 0) {
    $(".campaign_counter_bar").animate({width: "0.5%"}, 1000);
  } else {
    $(".campaign_counter_bar").animate({width: moneyRaised}, 1000);
  }

  $("#raised_percentage").html(moneyRaised);
  $("#raised_info").html(jsonvar.money_raised);
});
</script>

<script type="text/javascript"
        src="https://crm.fsf.org/sites/all/modules/civicrm//extern/widget.php?cpageId=8&widgetId=7&format=3"></script>

<div id="page-7" class="page-asset asset grid_16">
  <div class="asset-header">
    <h1 id="page-title" class="asset-name">Support MediaGoblin!</h1>
  </div>
  <div class="asset-content">
    <div class="asset-body">
      <p>
        GNU MediaGoblin is a free software media publishing system for
        images, video, and audio.  We're designing to support
        decentralization and tons of extensibility.  You can think
        of it as a federated replacement for things like Flickr,
        YouTube or SoundCloud that you or anyone can run.  MediaGoblin
        is building the world's most beautiful and user-responsive
        media publishing future, but we need your help!
      </p>
      <div class="grid_4 alpha"><img src="/images/campaign/gavroche.png" alt="Gavroche, our mascot" /></div>
      <div class="grid_12 omega">
        <video class="video-js vjs-mg-skin"
	       width="640"
	       height="360"
	       controls="controls"
	       preload="metadata"
               poster="/images/campaign/support_mediagoblin-poster.png"
	       data-setup="">
          <!-- <source src="http://balance.fsf.org/video/mediagoblin_campaign_pitch-small.webm"
	          type="video/webm; codecs=&quot;vp8, vorbis&quot;" /> -->
          <source src="http://7236508364c37fa9e75f-06885409aae278cdc67155c04400e3f7.r71.cf1.rackcdn.com/mediagoblin_campaign_pitch-small.webm"
	          type="video/webm; codecs=&quot;vp8, vorbis&quot;" />
          <source src="http://7236508364c37fa9e75f-06885409aae278cdc67155c04400e3f7.r71.cf1.rackcdn.com/mediagoblin_campaign_pitch-small.mp4"
	          type="video/mp4" />
	  <div class="no_html5">Sorry, this video will not work because 
	    your web browser does not support HTML5 
	    video.<br/>You can get a modern web browser that 
	    can play this video at <a href="http://getfirefox.com">
	    http://getfirefox.com</a>!</div>
        </video>
      </div>
      <div class="clear"></div>
      <div class="grid_16 alpha omega campaign_counter_container">
      <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><div class="campaign_counter"><div class="campaign_counter_bar"></div><p><span id="raised_info">Raised $ of $ 60,000.00</span></p></div></a>
      <p>
        ... that's <span id="raised_percentage">0%</span>!
<%
import datetime
daysleft = (datetime.date(2012, 11, 9) - datetime.date.today()).days
if daysleft == 1:
    print "Only 1 day left!"
elif daysleft == 0:
    print "Last day to donate!"
elif daysleft > 0:
    print "Only %s days left!" % daysleft
else:
    print "0 days left!"
%>
        Support MediaGoblin! 
        <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8" class="campaign_donate"><img src="/images/campaign/heart.png" alt="<3" />Donate...</a></p>
      <p style="font-size: .8em;">
        <i>Hey!  For the next $10,000 (until $25,000) <a href="/news/10k-campaign-matching.html">donations are being DOUBLED</a>!<br />
          Donate now to make maximum impact!</i>
      </p>
      </div>
      <div class="clear"></div>
      <div class="grid_9 alpha">
      <h2>Why support MediaGoblin?</h2>
      <p>
        MediaGoblin has a great community of volunteers! We've made a ton of
        progress over the last year and a half, and you can already do a lot
        with it!  But there are some things that need some serious hours of
        work; such as federation, administration tools and easier
        installation. With time and a little funding, we can reach the level
        of polish and stability we need to be the best media publishing option
        there is.
      </p>

      <p>
        The internet used to be a more resilient and decentralized place.  But
        recently the internet and the web have been moving in scarier
        directions.  With larger and fewer media hosting institutions, we're
        seeing more and more problems of automated censorship (for example,
        <a href="http://motherboard.vice.com/2012/8/6/nasa-s-mars-rover-crashed-into-a-dmca-takedown">NASA getting takedowns for its own content</a>
        or even <a href="http://jeff.ecchi.ca/blog/2012/09/22/youtube-considered-harmful/">remixes of totally freely licensed stuff</a>).
        The more that media publishing moves toward a few large
        providers, the harder these things are to prevent.  And with
        more and more content on large services, what happens to all
        that media if that service goes away, the way
        <a href="http://geocities.yahoo.com/index.php">GeoCities</a>
        <a href="http://archiveteam.org/index.php?title=GeoCities">disappeared</a>
        (or how Google Video
         <a href="http://www.archiveteam.org/index.php?title=Google_Video">nearly did</a>)?
      </p>

      <p>
        The web is becoming more and more fragile.  We can make things
        awesome again... but we need your help to do it!
      </p>

      <h2>What we'll do with the money</h2>
      <p>
        This is your project! We'll be keeping you informed on
        development progress as we invest your money in a federated
        future.
      </p>

      <p>
        If we make the current campaign goal of 60k, we'll be able to
        hire our lead developer fulltime for a year (after rewards and
        the finance processing overhead, that'll come closer to
        45k) which will help us coodinate and advance development.
        If we exceed these goals, we can contract out work to other
        people, including other developers and designers, to do even
        more awesome things.  Since we're going through the Free
        Software Foundation as a nonprofit, we're accountable to do
        the work before we can get the money.  So you have assurance
        that money given will actually go to make MediaGoblin as
        awesome as possible... for you, and for everyone!
      </p>

      <p>
        (Plus, donations are tax deductable if you live in the USA!)
      </p>

      <p style="text-align: center; padding-top: 10px;"><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8" class="campaign_donate"><img src="/images/campaign/heart.png" alt="<3" />Donate...</a></p>
      

      </div>
      <div class="grid_7 omega campaign_rewards">
      <h2>Exciting rewards!</h2>
      <p>By donating to MediaGoblin you can also get some cool things!</p>
      <p class="campaign_stickers"><img class="campaign_stickers" src="/images/campaign/stickers.png" alt="Stickers" />All of these options include mediagoblin stickers!</p>
      <div class="grid_1 alpha">
      <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><img class="campaign_icon" src="/images/campaign/icon1-big.png" alt="Heart" /></a>
      </div>
      <div class="grid_3 omega icon_description">
      <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><b>$15</b>: virtual hug: The feel good knowledge that you helped make the project possible and our personal thanks!  Plus stickers!</a></p>
      <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8">+ <img src="/images/campaign/icon6.png" alt="stickers" /></a></p>
      </div>
      <div class="clear"></div>
      <div class="grid_1 alpha">
      <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><img class="campaign_icon" src="/images/campaign/icon2-big.png" alt="Commit" /></a>
      </div>
      <div class="grid_3 omega icon_description">
      <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><b>$35</b>: You get immortalized in MediaGoblin's code history forever by having a "sponsored commit"!  Plus everything above!</a></p>
      <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8">+ <img src="/images/campaign/icon6.png" alt="stickers" /><img src="/images/campaign/icon1.png" alt="heart" /></a></p>
      </div>
      <div class="clear"></div>
      <div class="grid_1 alpha">
      <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><img class="campaign_icon" src="/images/campaign/icon4-big.png" alt="Postcard" /></a>
      </div>
      <div class="grid_3 omega icon_description">
      <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><b>$50</b>: Special edition glossy postcard, sent straight to your door, plus all of the above!</a></p>
      <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8">+ <img src="/images/campaign/icon6.png" alt="stickers" /><img src="/images/campaign/icon1.png" alt="heart" /><img src="/images/campaign/icon2.png" alt="commit" /></a></p>
      </div>
      <div class="clear"></div>
      <div class="grid_1 alpha">
      <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><img class="campaign_icon" src="/images/campaign/icon3-3-big.png" alt="Shirt" /></a>
      </div>
      <div class="grid_3 omega icon_description">
      <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><b>$100</b>: A MediaGoblin t-shirt.  Plus all of the above!</a></p>
      <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8">+ <img src="/images/campaign/icon6.png" alt="stickers" /><img src="/images/campaign/icon1.png" alt="heart" /><img src="/images/campaign/icon2.png" alt="commit" /><img src="/images/campaign/icon4.png" alt="postcard" /></a></p>
      </div>
      <div class="clear"></div>
      <div class="grid_1 alpha">
      <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><img class="campaign_icon" src="/images/campaign/icon8-big.png" alt="Plain 3d print" /></a>
      </div>
      <div class="grid_3 omega icon_description">
      <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><b>$350</b>: 3d printed figurine of our mascot, Gavroche, designed in Blender by project founder Chris Webber.  Plus all of the above!</a></p>
      <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8">+ <img src="/images/campaign/icon6.png" alt="stickers" /><img src="/images/campaign/icon1.png" alt="heart" /><img src="/images/campaign/icon2.png" alt="commit" /><img src="/images/campaign/icon4.png" alt="postcard" /><img src="/images/campaign/icon3-3.png" alt="shirt" /></a></p>
      </div>
      <div class="clear"></div>
      <div class="grid_1 alpha">
      <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><img class="campaign_icon" src="/images/campaign/icon7-big.png" alt="Painted 3d print" /></a>
      </div>
      <div class="grid_3 omega icon_description">
      <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><b>$2000</b>: 3d printed figurine of our mascot, hand painted by Chris Webber himself, and shipped directly to you!  Plus everything above! (LIMITED OFFER!  15 AVAILABLE)</a></p>
      <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8">+ <img src="/images/campaign/icon6.png" alt="stickers" /><img src="/images/campaign/icon1.png" alt="heart" /><img src="/images/campaign/icon2.png" alt="commit" /><img src="/images/campaign/icon4.png" alt="postcard" /><img src="/images/campaign/icon3-3.png" alt="shirt" /></a></p>
      </div>
      <div class="clear"></div>
      <div class="grid_1 alpha">
      <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><img class="campaign_icon" src="/images/campaign/icon5-big.png" alt="Dinner" /></a>
      </div>
      <div class="grid_3 omega icon_description">
      <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8"><b>$7500</b>: You figure out how to get to Madison, WI, and Chris Webber will personally cook you (and optionally a guest) a delicious and healthy vegetarian (optionally vegan) meal.  Plus a hand painted goblin and everything above! (LIMITED OFFER!  ONLY 4 AVAILABLE)</a></p>
      <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=8">+ <img src="/images/campaign/icon6.png" alt="stickers" /><img src="/images/campaign/icon1.png" alt="heart" /><img src="/images/campaign/icon2.png" alt="commit" /><img src="/images/campaign/icon4.png" alt="postcard" /><img src="/images/campaign/icon3-3.png" alt="shirt" /><img src="/images/campaign/icon7.png" alt="painted 3d print" /></a></p>
      </div>
      <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</div>
